@import "../../css/base_mob.css";
.am-offcanvas {
  top: 54/16rem !important;
  background: rgba(0, 0, 0, 0.7) !important;
}
.am-offcanvas-bar:after {
  background: #fff !important;
}
.am-offcanvas-bar {
  top: 54/16rem !important;
  background: #F2F2F2 !important;
}
//一倍图计算 16px; 2倍图32px
.warp_wx {
  width: 100%;
  height: 100%;
  max-width: 540px;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  //底线(公用)
  .baseline {
    text-align: center;
    font-size: 12/16rem;
    line-height: 17/16rem;
    padding-bottom: 20/16rem;
    color: #D7D7D7;
  }

  .nav_header {
    width: 100%;
    position: fixed;
    max-width: 540px;
    z-index: 1000;
    top: 0;
    height: 54/16rem;
    border-bottom: 1/16rem solid #EEEEEE;
    background-color: #fff;
  }
  .am-menu-offcanvas1 .am-menu-toggle {
    position: absolute;
    left: 20/16rem !important;
    top: 12/16rem !important;
    width: 30/16rem;
    height: 30/16rem;
    img {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  .am-menu-offcanvas1 .am-menu-nav > .am-parent > a:after {
    top: 0.45rem;
    right: 0.4rem;
  }
  .par_title {
    font-size: 16/16rem;
    font-weight: 800;
    color: #333 !important;
  }
  .am-menu-offcanvas1 .am-menu-nav > li > a {
    height: 60/16rem !important;
    line-height: 60/16rem !important;
  }
  .am-menu-offcanvas1 .am-menu-nav > li > a {
    text-shadow: none !important;
    border-bottom: 1px solid #fff !important;
    border-top: none !important;
  }
  .am-menu-offcanvas1 .am-menu-nav > li > a:after {
    content: "" !important;
    position: absolute;
    right: 1.5rem;
    top: 1.3rem;
  }
  .am-collapse {
    display: block !important;
  }
  .am-offcanvas-bar {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out,
    -webkit-transform 0.5s ease-in-out;
  }
  .am-menu-offcanvas1 .am-menu-nav {
    border-bottom: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .list_sele {
    background-color: #f2f2f2 !important;
    border-top: none;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .list_sele > li {
    width: 100% !important;
    padding: 0 15/16rem;
  }
  .list_sele > li > a{
    display: block;
    font-size: 15/16rem !important;
    padding: 15/16rem !important;
    color: #333 !important;
    border-bottom: 1px solid #fff;
  }
  .list_sele > li > .current_a {
    color: #FF4539 !important;
    font-weight: 800  !important;
  }
  .am-menu-offcanvas1 .am-menu-nav > .am-open > a, .am-menu-offcanvas1 .am-menu-nav > li > a:hover, .am-menu-offcanvas1 .am-menu-nav > li > a:focus {
    background-color: #f2f2f2 !important;
  }
  .all_title {
    display: block;
    width: 50%;
    line-height: 54/16rem;
    margin: 0 auto;
    text-align: center;
    font-size: 14/16rem;
    color: #333;
  }
  .my_icon {
    position: absolute;
    right: 20/16rem;
    top: 12/16rem;
    width: 30/16rem;
    height: 30/16rem;
    img {
      display: block;
      width: 100%;
      height: 100%;
    }
  }

  .modal_content {
    padding: 54/16rem 0 40/16rem;
    .sele_btn {
      width: 345/16rem;
      height: 42/16rem;
      background-color: #F2F2F2;
      margin: 20/16rem auto 0;
      text-align: center;
      font-size: 13/16rem;
      color: #666;
      line-height: 42/16rem;
      -webkit-border-radius: 50/16rem 50/16rem;
      -mox-border-radius: 50/16rem 50/16rem;
      -ms-border-radius: 50/16rem 50/16rem;
      -o-border-radius: 50/16rem 50/16rem;
      border-radius: 50/16rem 50/16rem;
    }
    .avtivity_list {
      width: 100%;
      overflow: hidden;
      position: relative;
      padding: 30/16rem  5/16rem;
      .activity_ul {
        width: 100%;
        margin-left: -4/16rem;
        .no_buyactivi {
          width: 100%;
          padding-top: 170/16rem;
          .nobuy_img {
            display: block;
            margin: 0 auto;
            width: 146/16rem;
            height: 146/16rem;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
          }
          .nobuy_text {
            text-align: center;
            font-size: 18/16rem;
            line-height: 25/16rem;
            color: #999;
            padding-top: 16/16rem;
          }
        }
        .creat_li {
          width: 47.2%;
          height: 175/16rem;
          float: left;
          margin-left: 9/16rem;
          margin-bottom: 9/16rem;
          position: relative;
          -webkit-box-shadow: 2/16rem 2/16rem 2/16rem rgba(161, 161, 161, 0.3);
          -moz-box-shadow: 2/16rem 2/16rem 2/16rem rgba(161, 161, 161, 0.3);
          -ms-box-shadow: 2/16rem 2/16rem 2/16rem rgba(161, 161, 161, 0.3);
          -o-box-shadow: 2/16rem 2/16rem 2/16rem rgba(161, 161, 161, 0.3);
          box-shadow: 2/16rem 2/16rem 2/16rem rgba(161, 161, 161, 0.3);
          .x_div {
            .x_img {
              width: 100%;
              height: 118/16rem;
            }
            .x_con {
              width: 100%;
              padding: 10/16rem 10/16rem  5/16rem;
              background-color: #fff;
              .new_title {
                height: 40/16rem;
                line-height: 15/27.5rem;
                font-size: 14/16rem;
                color: #333;
                text-indent: 32/16rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
              .txt_in {
                text-indent: 0;
              }
              .con_p {
                color: #666;
                font-size: 12/16rem;
                line-height: 17/16rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
              }
              .con_txt {
                width: 100%;
                padding-top: 3/16rem;
                .buy_btn_la {
                  font-size: 12/16rem;
                  line-height: 22/16rem;
                  color: #ef1315;
                }
                .free_btn_la {
                  font-size: 12/16rem;
                  line-height: 22/16rem;
                  color: #0da62c;
                }
                .buymo_btn_la {
                  font-size: 12/16rem;
                  line-height: 22/16rem;
                  color: #0095FF;
                }
                .moeny_num {
                  display: block;
                  color: #FF4539;
                  font-weight: 800;
                  font-size: 14/16rem;
                  line-height: 22/16rem;
                }
              }
            }

            .new_icon {
              width: 33/16rem;
              position: absolute;
              top: 0;
              right: 2/16rem;
            }
          }
        }
      }
    }
  }
}

//底部导航
.footer {
  width: 100%;
  position: fixed;
  max-width: 540px;
  z-index: 500;
  bottom: 0;
  height: 54/16rem;
  border-top: 1/16rem solid #EEEEEE;
  background-color: #fff;
  .footer_nav {
    width: 100%;
    height: 100%;
    .nav_li {
      float: left;
      width: 33.33%;
      height: 100%;
      text-align: center;
      padding: 6/16rem 0;
      .nav_icon {
        display: block;
        width: 27/16rem;
        height: 27/16rem;
        margin: 0 auto;
      }
      .nav_text {
        color: #ddd;
        font-size: 11/16rem;
        line-height: 13/16rem;
        padding-top: 2/16rem;
      }
      .navcolor {
        color: #333;
        font-size: 11/16rem;
        line-height: 13/16rem;
        padding-top: 2/16rem;
      }
    }
  }
}
